<html>
  <head>
    <meta charset="UTF-8">
    <title>群发</title>
    <link rel="stylesheet" type="text/css" href="http://www.bootcss.com/p/buttons/css/buttons.css" />
    <link rel="stylesheet" type="text/css" href="../css/community.css">
    <style>
    .bg {
     background-image: url("%s");
	    display: block;
    	margin: 0 auto;
    	width: 690px;
    	height: 260px;
    	border-radius: 6px;
    	background-attachment: fixed;
    }
    </style>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/vue/2.0.3/vue.min.js"></script>
    <script>
      $(document).ready(function({
        $ajax({
          url: "../main/new.member.get",
          type: "GET",
          data: {
            community_id: %d
          },
          success: function(r){
            var userlist = {};
            for(var i=0,i<r["result"].length,i++){
              userlist.push({
                username: r["result"][i][0],
                mid: r["result"][i][1],
                join_time: r["result"][i][2]
              });
            }
            new Vue({
              el: "#app",
              data: {
                user: {
                  username: "",
                  mid: ""
                  join_time: ""
                },
                users: userlist
              }
            });
          }
        });
      }));
    </script>
  </head>
  <body>
    <header class="bg">
      <div class="head-left">
        <div class="mask bg">
          <div class="bg blur"></div>
        </div>
        <div class="info">
          <div class="info_text">
          <a style="font-size: 30px; font-weight: bold;">%s</a><br />
          %s
          </div>
        </div>
      </div>
    </header>
    <div class="loading">
      <div id="loading-center">
        <div id="loading-center-absolute">
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
          <div class="object"></div>
        </div>
      </div>
    </div>
    <div class="settings" style="display: none;">
      <div class="status">
        <a style="font-size: 30px; font-weight:bold">今日新增: %d 人 | 等待发送: 20 人<br />上次发送: %s</a>
      </div><hr />
      <div class="editor">
        <textarea class="msg" placeholder="群发消息"></textarea>
      </div><br />
      <input disabled="disabled" type="button" id="send" class="button button-pill button-primary" value="发送" /><br /><br />
    </div>
    <div class="memberlist" style="display: none;"><br />
      <div class="users" id="app">
        <pre class="user" v-for="user in users"><a href="http://space.bilibili.com/{{user.mid}}">{{user.username}}</a>  加入时间: {{user.join_time}}</pre><hr />
      </div>
      <a class="button button-block button-rounded button-large">加载</a>
    </div>
  </body>
</html>